/*
Palette:
#63636d    #f4f0fa    #c2c6cd    
#fcfcf3    #2a2d39    #d7e6e9    
#373639
*/
html,body{margin:0;padding:0;}

* > a
{
	color:inherit;
	text-decoration:none;
}

* > a:hover
{
	text-decoration:underline;
}

body
{
	background:url("bg.gif");
}

div.navbar
{
	text-align:center;
  font-size:20px;
  line-height:1em;
  background:#63636d;
  color:#FCFCF3;
	display:block;
	padding:0 0 3px 0;/*Would be 8 px, but we're accounting for 5px of padding on sub-items.*/
	min-height:28px;
}

.header-section
{
  color:#fcfcf3;
  display:block;
  position:fixed;
  width:100%;
  height:30px;
  background:#63636d;
  z-index:0;
}

.navbar > *
{
  padding:5px 2em;
  float:left;
}

.navbar > .widget
{

	background:transparent;

	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;

	margin-left:1em;
}

.navbar > .widget:first-child
{
	margin-left:0;
}

.navbar > .widget:hover
{
	background:rgba(200,200,200,.3);
}

.wrapper
{
	width:1000px;
	margin:0 auto;
	display:block;
}

.wrapper#content
{
	background:#d7e6e9;
	color:#2a2d39;

	display:block;
}

.content-area
{
	min-height:100%;

	display:block;
	margin:0 auto;

	display:block;
}

.content-area > div
{
	display:block;
	min-height:100%;
	padding:1em 0;
}

.content-area > div#sidebar
{
  width:360px;
  float:right;
}

.content-area > div#posts
{
  width:600px;
  padding:0 20px;
  float:left;
}

div.widget:first-child
{
	margin-top:0;
}

div.widget
{
	text-align:left;
	display:block;
	padding:1em 5px;
	min-width:300px;
	margin-top:1em;
	display:block;
	color:inherit;
}

.content-area > div#posts > div.widget
{
	max-width:500px;
}

.content-area > div#posts > div.widget > div#meta
{
	display:block;
	margin-left:-15px;
	border-radius:10px 0 0 10px;
	width:100%;
	background:#F00;
	color:#FFF;
	padding:0 1em;
}

.content-area > div#sidebar > div.widget
{
	background:#EEE;
	border-radius:1em;
	width:200px;
}

h1#website-name,h2#website-subt
{
	display:inline-block;
}

h1#website-name:before
{
	content:url("logo.png");
	height:1em;
}

h1#website-name:after
{
	content:":";
}

.wrapper#content-area h2#website-subt
{
	font-style:italic;
}


.simplemodal-wrap
{
	position:relative;
	top:0;
	background-image: linear-gradient(bottom, rgb(177,172,179) 12%, rgb(250,250,250) 56%);
	background-image: -o-linear-gradient(bottom, rgb(177,172,179) 12%, rgb(250,250,250) 56%);
	background-image: -moz-linear-gradient(bottom, rgb(177,172,179) 12%, rgb(250,250,250) 56%);
	background-image: -webkit-linear-gradient(bottom, rgb(177,172,179) 12%, rgb(250,250,250) 56%);
	background-image: -ms-linear-gradient(bottom, rgb(177,172,179) 12%, rgb(250,250,250) 56%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, rgb(177,172,179)),
		color-stop(0.56, rgb(250,250,250))
	);
	display:block;
	padding:2em;
	height:100%;
	overflow-y:auto;
	width:1000px;
}

.simplemodal-data
{
	background:#FFF;
	padding:2em 0;
	border:1px solid #222;
	box-shadow: rgba(0,0,0,.4) 0 0 10px 4px;
}

.simplemodal-data > .widget
{
	max-width:none;
	margin:0 auto;
}